.sidebar {
  width: 20rem;
  margin-left: 20px;
  margin-bottom: 20px;

  .sidebarins_1 {
    position: sticky;
    margin-bottom: 20px;
    .sidebarins_2 {
      width: 100%;
      height: 260px;
      margin-bottom: 15px;
      line-height: 1.29;
      overflow: hidden;
      background: #fff;
    
    }
    
    .sidebarins_3 {
      width: 100%;
      border-radius: var(--border-radius);
      margin-bottom: 1.3rem;
      background-color: var(--bg-second);
      box-shadow: var(--box-shadow);
      line-height: 1.29;

    }

  }
}

//页面小于多少隐藏
@media screen and (max-width: 768px) {
  .sidebar {
    width: 0;
    display: none;
  }
}
.flet{
  width: 100%;height: 100%;
}
// 推荐阅读 //文章标签
.flet_title {
  padding: 0.6rem;
  border-bottom: 1px solid var(--border-color);
  color: var(--main-text-color);
  font-weight: 700;
 
}

//推荐阅读列表less操作

.sidebarul_1 {
 
 
  list-style: none;
}

.sidebarul_1 li {
  margin-left: -20px;
  // margin-top: -10px;
  opacity: 1;
  height: 32px;
  transform: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  padding-top: 13px;
  color: var(--second-text-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -o-text-overflow: ellipsis;
}

.sidebarul_1 li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color .3s;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.sidebarul_1 li a:hover {
  color: deeppink;
}

//文章标签(1)列表less操作
.sidebarul_2 {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;

}

.sidebarul_2 li {
  width: auto;
  height: 40px;
  border: 1px solid var(--border-color);
  margin: 2px;
  display: inline-block;
  padding: 0 7px;
  border-radius: var(--border-radius);
  color: var(--second-text-color);
  line-height: 2.5em;
  transition: all .2s ease-in-out;
}

.sidebarul_2 li:hover {
  a {
    color: deeppink;
  }

  border: 1px solid deeppink;
}

.sidebarul_2 li a {
  color: inherit;
  font-weight: 500;
}

//文章分类(1)列表less操作
.fileclassi {
  margin: 0;
  padding: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fileclassi li {
  height: 40px;
  line-height: 40px;
  border-radius: var(--border-radius);
  color: var(--second-text-color);
  transition: all .2s ease-in-out;
}

.fileclassi li a {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  color: inherit;
}
.fileclassi li a:hover{
  color: deeppink;
}